<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>练习单文件组件的用法</title>
    <!-- 这里不适合引入main.js，因为App.vue想用#root时，发现它还没出现 -->
  </head>
  <body>
    <div id="root">
      <!-- 3.使用App标签  如果不想在这用App标签，换一种方式是main.js new Vue实例时写template配置：template:`<App></App>`-->
      <!-- <App></App> -->
    </div>
    <script type="text/javascript" src="../js/vue.js"></script>
    <!-- 1.引入vue.js 因为 main.js 使用了 new Vue() -->
    <script type="text/javascript" src="./main.js"></script>
    <!-- 2.引入main.js 里面是Vue实例-->
  </body>
</html>
